Не определено в консоли JQuery

Question

Я работаю над веб-сайтом, используя Django, я новичок в Jquery, и я пытаюсь отобразить изображение, используя JQuery, когда форма отправлена. Изображение не отображается, и я получаю сообщение об ошибке в консоли "Undefined".

JQuery:

var chatHolder = $('#chat-items')
// below is the message I am receiving
socket.onmessage = function(e) {
var chatDataMsg = JSON.parse(e.data)

var profile_pic = $('#avatarImg').attr("src");
console.log(profile_pic);

chatHolder.append("" + "

" + "

" + "

" + "

" + chatDataMsg.message + "

" + "

" + "

" + newMonth + newDate + "" + "

" + "

" + "") }

Template:

 {% для чата в object.chatmessage_set.all%} {% if request.user! = chat.user%} 

{{chat.message | emoticons}} {{chat.timestamp | date: 'M j, Y, g: ia'}} {% endif%} {% endfor%} {% csrf_token%} {{form}}